<template>
  <router-view />
  <van-tabbar
    route
    v-if="route.meta.isShowFooter"
    active-color="#c04374"
    inactive-color="#999"
  >
    <van-tabbar-item replace to="/home" icon="wap-home">首页</van-tabbar-item>
    <van-tabbar-item replace to="/place" icon="location"
      >目的地</van-tabbar-item
    >
    <van-tabbar-item replace to="/customization" icon="like"
      >马儿定制</van-tabbar-item
    >
    <van-tabbar-item replace to="/discover" icon="search">发现</van-tabbar-item>
    <van-tabbar-item replace to="/mine" icon="manager">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
import { getPageId } from "./util/auth";
import { useRoute } from "vue-router";
import { useStore } from "vuex";
let route = useRoute();
let store = useStore();
const getId = () => {
  if (getPageId()) {
    // console.log(getPageId());
    const pageId = getPageId();
    store.commit("changePageId", pageId);
  }
};
getId();
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  font-size: 13.33vw;
  height: 100%;
}
#app {
  height: 100%;
}

div::-webkit-scrollbar {
  display: none;
}
nav::-webkit-scrollbar {
  display: none;
}
section::-webkit-scrollbar {
  display: none;
}
</style>
